ReactXP

Finally, I found what I have been looking for years and experimented with creating multiple times:

A way to develop native and web apps with the same code base (even the view layer).

Let me be specific, I’m not talking about hybrid apps. Of course it’s been possible to use Cordova and make a hybrid web app for many years, but the performance was not acceptable.

We need native speed which means using native UI Components on the UI thread not blocked by the runtime or single thread of JavaScript.

In the past few years, two major solutions have come out: React Native and Native Script.

However, although these both provide a good solution for native speed mobile apps using JavaScript code, they don’t have a unified UI with the web browser.

So view layer was still not cross platform and using them while trying to share a code base with the web was not easy.

Leave it to Microsoft to solve it. They did. The Skype team needed the same thing I wanted: a single code base across all devices including the browser.

So they made ReactXP. It is a library built on top of React and React Native that unifies the view layer using standard components.

Now it is possible to define the view layer once and know it will look the same across all devices and browsers.

Also, because it is built on top of React Native, dropping down to platform specific code is possible when needed. So that’s great when you want to expand your base web experience with extra device features in the app.

As a bonus, because this is built by Microsoft who created Typescript, Typescript is fully supported without having to figure it out as you go. (They also support Flow as an alternative.) But if you have used Typescript and know some of the great advantages of using cutting edge JavaScript with type safety and documentation, you know it’s awesome.

So this is finally the solution I have been waiting for:

  • One UI to rule them all,
  • One code to define them,
  • One build to make them all,
  • And in the stores deploy them.

Or just use the web app if you don’t want to install, etc.

Videos

ReactXP First Look